<template>
  <div class="MainHome">
    <AppHeader />
    <Dock />
    <!-- <MainRight /> -->
    <MainLeft />
    <LeftButton />
  </div>
</template>

<script setup>
import AppHeader from '@/components/layout/header/MainHeader.vue'
import Dock from '@/components/layout/bottom/MainBottom.vue'
// import MainRight from '@/components/layout/right/MainRight.vue'
import MainLeft from '@/components/layout/left/MainLeft.vue'
import LeftButton from '@/components/layout/button/LeftButton.vue'
</script>

<style scoped>
.MainHome {
  position: relative;
  width: 100%;
  z-index: 10;
  /* height: 9%; */
  height: 0;
  /* pointer-events: none; */
}

MainLeft {
  position: absolute;
}

MainBottom {
  position: absolute;
}

MainRight {
  position: absolute;
}
</style>
